<template>
 <div>
  <ul>
    <li v-for="item in arr " :key="item">{{item}}</li>
  </ul>
  <button @click="btn">点击</button>
 </div>
</template>

<script>
export default {
data(){
  return {
    arr:['哈士奇','泰迪','拉布拉多']
  }
},
methods:{
btn(){
  // 将第一项追加到最后面
  this.arr.push(this.arr[0])
  // 删除第一项
  this.arr.shift()
}
}
}
</script>

<style>

</style>